<form id="newWindowForm" action="#" method="get">
	<div class="formLabel">First Name:</div>
	<div class="formField"><input type="text" class="input" id="firstName" value="" maxlength="8" /></div>
	<div class="clear"></div>

	<div class="formLabel">Last Name:</div>
	<div class="formField"><input type="text" class="input" id="lastName" value="" maxlength="8"/></div>
	<div class="clear"></div>	

	<div class="formLabel"></div>
	<div class="formField"><input type="submit" class="submit" id="nameSubmit" value="Submit Name" /></div>
	<div class="clear"></div>
</form>

<script type="text/javascript">

        $('nameSubmit').addEvent('click', function(e){
                MochaUI.updateContent({
                        'element': $('panel1'),
                        'loadMethod': 'xhr',
                        'method': 'get',
			'url': 'pages/test.php?firstName='+$('firstName').value+'&lastName='+$('lastName').value,
                        'title': 'Results',
                        'padding': { top: 8, right: 8, bottom: 8, left: 8 }
                });
                $('panel1').setStyle('background','#fff');
        });

</script>

